html, body, h1, h2, h3, h4, ul, li {
   margin: 0;
   padding: 0;
}
body {
background: #b4bae0; /*#868fcd; /*#f7f0dd;*/
text-align: center;
color: #555;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
margin: 0;
padding: 0;
/*font: 75% helvetica, "Trebuchet MS", arial, sans-serif;*/
font: 100% helvetica, "Trebuchet MS", arial, sans-serif;
line-height: 1.3em;
}
#wrapper {
   text-align: left;
   margin: auto;
   width: 800px;
   position: relative;
   background: #f7f0dd;
   /*background: url(../img_site/body_bg.gif) repeat-y;*/
}
#logo {
  /* width: 800px;
   height: 150px;
   background: url(../img_site/header_1.jpg) no-repeat;
   text-align: center;
   color: #595959;*/
}
#news {
   position: absolute;
   top : 170px;
}
#spacer {
   height: 2em;
}
		
#header {
position: absolute;
top: 0;
left: 0px;
width: 800px;
height: 150px;
margin: 0;
padding: 0;
background: #5a65b9 url(../img_site/blue_banner.jpg) no-repeat;
color: #555;
}
#header_1 {
   position: absolute;
   top: 0;
   left: 0px;
   width: 800px;
   height: 150px;
   margin: 0;
   padding: 0;
   /*padding-top:20px;
   padding-left:20px;*/
   background: #5a65b9 url(../img_site/blue_banner_seul.jpg) no-repeat;
   color: #555;
}
#header_1_titre {
   padding-top:20px;
   padding-left:20px;
   font: 150% helvetica, "Trebuchet MS", arial, sans-serif;
   color:#69530c;
}
#nav_hor {
position: absolute;
top: 150px;
left: 0px;
width: 800px;
/*height: 150px;*/
}
#nav_hor ul {
padding: .2em 0;
margin: 0 0 10px 0;
list-style-type: none;
background-color: #313c8f; /*marron   Ce background permet de compléter l'espace non pris par les boutons*/
color: #f4e1b9;
font: normal 95% verdana, arial, helvetica, sans-serif;
text-align: center;
}

#nav_hor li { display: inline; }

#nav_hor li a, #nav_hor a:visited {
text-decoration: none;
background-color: #313c8f; /*marron*/
color: #f4e1b9;
padding: .2em 1em;
border-right: 0px solid #fff;
}

#nav_hor a:link.active, #nav_hor a:visited.active, #nav_hor a:hover {
text-decoration: none;
background-color: #5a65b9;  /*orange*/
color: #fff;
}
 
#dcol1 {
float: left;
width: 2%;
height: 1px;
}
		
#col1,#left {
float: left;
width: 200px;
margin-bottom: 1em;
/*border-right: 1px dashed #dda875;*/
padding-left: 10px;
}
		
#col2,#right {
/*position: absolute;*/
float: left;
padding-top : 170px;
width: 500px;
margin-left: 5px;
margin-bottom: 1em;
/*border-right: 1px dashed #dda875;*/
padding-right: 5px;
}
#right_seul {
/*position: absolute;*/
float: left;
padding-top : 170px;
width: 750px;
margin-left: 5px;
margin-bottom: 1em;
/*border-right: 1px dashed #dda875;*/
padding-right: 5px;
}
.suivi_paiements_titre {background-color:#000000;color:#ffffff;}
.suivi_paiements_dateoui_ele_titre   {background-color:#ffffff;color:#000000;text-align: center;}
.suivi_paiements_dateoui_ele_ok      {background-color:#ffffff;color:#00aaaa;}
.suivi_paiements_dateoui_ele_inconnu {background-color:#ffffff;color:#cc5500;}
.suivi_paiements_dateoui_ele_erreur  {background-color:#ffffff;color:#888888;font-style: italic;}
.suivi_paiements_datenon_ele_titre   {background-color:#cccccc;color:#000000;text-align: center;}
.suivi_paiements_datenon_ele_ok      {background-color:#cccccc;color:#00aaaa;}
.suivi_paiements_datenon_ele_inconnu {background-color:#cccccc;color:#cc5500;}
.suivi_paiements_datenon_ele_erreur  {background-color:#cccccc;color:#888888;font-style: italic;}
#right_suivi_paiements{
   /*float: right;*/
   /*width: 500px;; /*490px;*/
   padding-right: 9px;
   padding-left: 5px;
   color:black;
   /*padding-top: 301px;*/
   padding-top: 5px; /*170px; /*152px;*/
   font-size:10px;
   font-family:Arial,Georgia,"Bookman Old Style",Bookman,"New Century Schoolbook","Bookman Antiqua",Palatino,"Utopia","New York","Times New Roman",Times,serif;
}
   #right_suivi_paiements a { color:black; /*#015e95;*/ }
   #right_suivi_paiements a:hover { color:#02aae9; }
#welcome {
   margin-right: 10px;
   margin-left:10px;
   padding-left:10px;
   font-weight:normal;
}
#welcome1 {
   padding-left:20px;
}
		
#col3 {
float: left;
width: 15%;
margin-left: 0.5%;/*3%;*/
margin-bottom: 1em;

}

#col1contenu ul {
margin-left: 0;
padding: 0;
list-style-type: none;
background-color: #f4e1b9;
color: #666;
}

#col1contenu ul li a {
padding: 15px;
color: #666;
background: transparent url(../img_site/list-off-orange.gif) left center no-repeat;
text-align: left;
font: 12px "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
text-decoration: none;
}

#col1contenu ul li a:hover {
color: #313c8f;
background: transparent url(../img_site/list-on-orange.gif) left center no-repeat;
}

#col1contenu ul li a#current {
background: transparent url(../img_site/list-active.gif) left center no-repeat;
color: #000;
}
.clear {
   clear: both;
}
#footer {
/*   background: url(../img_site/footer_bg.gif) repeat-y;
clear: both;
height: 40px;*/
/*position:relative;
/*float: top;*/
background-color: #5a65b9;
border-top: 15px solid #313c8f;
color: #000;
padding: .2em 0 0 .5em;
text-align: left;
}
#fond_texte_orange {
  background-color: #5a65b9;
  border:2px outset #DED983;
  padding-left:5px;
}
#fond_texte_orange_clair {
  background-color: #EBA659;
  /*border:2px outset #DED983;*/
  padding-left:5px;
}
#fond_texte_gris {
  background-color: #DED983; /*#DED983;*/
  border:2px outset #DED983;
  padding-left:5px;
}
#fond_texte_gris2 {
  background-color: #DED970; /*#DED983;*/
  border:2px outset #DED983;
  padding-left:5px;
}

#grandh1 {
margin: 0;
padding-top: 5px; /*75px;*/
padding-bottom: 5px;
text-align: center;
font-size: 3em;
color:  #313c8f;
background-color: transparent;
}
#v_titre {
  text-align: center;
  font-size: 1.5em;
  border:1px outset #DED983;
  }
#v_situation {
  text-align: center;
  font-size: 1em;
  }
#v_motif {
  text-align: center;
  font-size: 1.2em;
  text-decoration: underline;
  }
#v_desc {
  text-align: left;
  font-size: 1em;
  font-style: italic;
  }
#v_pied {
  text-align: center;
  font-size: 1.2em;
  text-decoration: underline;
  font-weight: bold;
  }
h1 {
/*margin: 0;
padding-top: .5em;
padding-top: 5px; /*75px;*/
/*padding-bottom: 5px;
text-align: center;*/
padding-top: .5em;
font-size: 2.0em;
color:  #313c8f;
background-color: transparent;
}

h2  { 
margin-top: 0;
margin-bottom: 0;
padding-top: .5em;
padding-bottom: 0; /*.5em;*/
text-transform: uppercase;
font-size: 1.5em;
color: #313c8f;
/*background-color: inherit;*/
}

h3 {
margin-top: 0;
font-size: 1.25em;
/*text-align: center;*/
color: #666;
background-color: inherit;
}
h4 {
margin-top: 0;
font-size: 1em;
/*text-align: center;*/
color: red;
background-color: inherit;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-size: 0.75em;
padding-top: 0;
padding-bottom: 0;
}

a {
text-decoration: none;
color: #006699;
background-color: inherit;
}

a:hover {
text-decoration: underline;
color: #444;
background-color: inherit;
}

a img {
border: 0;
}

.myimage {
float: left;
padding: 10px;
}
/*rajouts*/
/*p.titre_formulaire {
  background:#eba659;
  color:#345071;
  padding:.2em .3em;
  font-size:1.2em;
  border:2px outset #DED983;
  position:relative;
  margin-bottom:-1em;
  width:10em;
  margin-left:1em;
  margin-top:1em;
  }*/
p.titre_formulaire {
  background:#9a9881;
  color:#345071;
  border:2px outset #9a9881;
  }
p.erreur_formulaire {
  color:red;
  }
#gform {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
  padding-left:0px;
  padding:.2em .3em;
  border:2px outset #DED983;
width: 100%;
/*margin:0 0 0 0;
/*padding-top:0;
padding-bottom:0;*/
}
#cform {
  padding-left:0px;
}
fieldset {
  border:none;
  margin-bottom:0; /*1em;*/
  width:44em;
  /*padding-top:0.5em; /*1.5em;*/
  /*padding-left:1em;*/
  }
select {
  margin-left:0em;
  margin-bottom:0;
  }
/*fieldset#coordonnees {
	background:#f4e1b9;
  border:outset #313c8f;
  }*/
/*#coordonnees label {
	background-color: #eba659;
  font-size:90%;
	display: block;
	width: 20%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
  }*/
#coordonnees input{
  margin-left: 1px; /*0em;*/
  padding-top:5px;
  /*line-height:1.4em;*/
  /*margin-bottom:.2em;*/
  }
#coordonnees label {
   background-color: #cec4ab;
   border:1px outset #cec4ab;
   font-size:90%;
   display: block;
   width: 30%;
   float: left;
   padding-right: 1%;
   text-align: right;
   letter-spacing: 0px;
}
TEXTAREA{
  margin-left:0em;
  /*line-height:1.4em;
  margin-bottom:.2em;*/
  }
fieldset#message {
  /*background:#9DF2CE;*/
	background:#DDE3EF;
  border:outset #9DF2CE;
  }
.form_input_jourmois {
	width: 3%;
}
.form_input_an {
	width: 6%;
}
#linksite ul {
  margin: 0 0 0 0;
  padding: 5px;
  list-style-type: none;
  background-color: #f4e1b9;
  color: #666;
}

#linksite ul li a {
  padding: 15px; /*15px;*/
  color: #666;
  background: transparent url(../img_site/list-off-orange.gif) left center no-repeat;
  text-align: left;
  font: 12px "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
  text-decoration: none;
}

#linksite ul li a:hover {
color: #313c8f;
background: transparent url(../img_site/list-on-orange.gif) left center no-repeat;
}

#linksite ul li a#current {
background: transparent url(../img_site/list-active.gif) left center no-repeat;
color: #000;
}
/* plan d'acces*/
         #cadre {
            BORDER-RIGHT: #b8d6c2 1px solid;
            PADDING-RIGHT: 0px;
            BORDER-TOP: #b8d6c2 1px solid;
            PADDING-LEFT: 0px;
            PADDING-BOTTOM: 5px;
            MARGIN: 0px;
            BORDER-LEFT: #b8d6c2 1px solid;
            WIDTH: 760px;
            PADDING-TOP: 15px;
            BORDER-BOTTOM: #b8d6c2 1px solid;
            HEIGHT: auto;
            BACKGROUND-COLOR: #f6fcec;
            TEXT-ALIGN: center;
         }
         #EmplacementDeMacarte {
            padding-top:5px;
            BORDER-RIGHT: #b8d6c2 1px solid;
            BORDER-TOP: #b8d6c2 1px solid;
            BORDER-LEFT: #b8d6c2 1px solid;
            BORDER-BOTTOM: #b8d6c2 1px solid;
         }
/* -CALENDRIER------------------------------------------------- */
#calendrier {text-align:center;}
#calendrier li{list-style: none;border-bottom: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;}
#calendrier_libelle {width: 217px;margin: 0 auto;padding: 0;background-color:#333333;}
#calendrier_libelle li {float : left;width : 30px;background-color:#aaaaaa;list-style: none;}
.ligne {width: 217px;margin: 0 auto;padding: 0;} 
.ligne li {color: #000;float : left;width : 30px;background-color:#cccccc;
           border-bottom: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;list-style: none;}
.ligne li a:hover{list-style: none;text-decoration: none;background-color:#aaaaaa;}
li.itemCurrentItem {background-color:#cddb71;}
li.itemSelectedItem {background-color:#a5b348;}